<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 

<style>
/**
a:link - 正常，未访问过的链接
a:visited - 用户已访问过的链接
a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻
*/
#linkExample:link {
	color:#000000;
}
#linkVisitedExample:visited {
	color:#00FF00;
}
#linkHoverExample:hover {
	color:#FF00FF;
}
#linkActiveExample:active {
	color:#0000FF;
}
</style>
</head>
<body>

<a id="linkExample" href="http://www.bing.com">
	未访问链接 -> a:link {color:#000000;}  
</a>
<br><br>

<a id="linkVisitedExample" href="http://www.bing.com" target="_blank">
	 已访问链接 -> a:visited {color:#00FF00;}  
</a>
<br><br>

<a id="linkHoverExample" href="http://www.bing.com" target="_blank">
	 鼠标移动到链接上 -> a:hover {color:#FF00FF;}  
</a>
<br><br>

<a id="linkActiveExample" href="http://www.bing.com" target="_blank">
	 鼠标点击时 -> a:active {color:#0000FF;}  
</a>
<br><br>
</body>
</html>